<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>薇沐官网</title>

  <!--    基础css-->
  <link type="text/css" rel="stylesheet" href="css/common/base.css">
  <link type="text/css" rel="stylesheet" href="css/common/top.css">
  <link type="text/css" rel="stylesheet" href="css/common/footer.css">
  <!--    页面css-->
  <link type="text/css" rel="styleSheet" href="css/home-page/home-page.css"/>
  <link type="text/css" rel="styleSheet" href="css/home-page/wrap.css"/>
<!--  <link type="text/css" rel="styleSheet" href="css/home-page/cards.css"/>-->
  <link type="text/css" rel="styleSheet" href="css/home-page/page1.css"/>
  <link type="text/css" rel="styleSheet" href="css/home-page/solution.css"/>

</head>
<body>
<div class="all-container">
  <!--  导航栏  -->
  <header class="navbar">
    <div class="nav-center">
      <div class="logo"><img src="../Website/images/wmkjlogo.png" height="50" width="100" style="vertical-align:middle;left: 200px"></div>
      <ul class="nav-memu" id="nav-ul">
        <li class="li-list1"><a href="./home-page.html" target="_blank" active>首页</a></li>
        <li><a href="./solution-page.html" target="_blank">解决方案◢</a>
          <ul class="list-1" >
            <li><a href="#" target="_blank" >智慧办公平台</a></li>
            <li><a href="#" target="_blank">智慧农业</a></li>
            <li><a href="#"  target="_blank">源代码防泄漏监控系统</a></li>
          </ul>
        </li>
        <li><a href="./partner-page.html" target="_blank">行业◢</a>
          <ul class="list-1" >
            <li><a href="#"  target="_blank" >IT</a></li>
            <li><a href="#"  target="_blank">制造业</a></li>
            <li><a href="#"  target="_blank" >农业养殖</a></li>
            <li><a href="#"  target="_blank">医疗健康</a></li>
            <li><a href="#"  target="_blank">能源</a></li>
          </ul>
        </li>
        <li><a href="./about-page.html" target="_blank">关于我们</a></li>
        <li><a href="./news-page.html" target="_blank">资讯中心</a></li>
      </ul>
      <div class="burger">
        <div class="top-line"></div>
        <div class="middle-line"></div>
        <div class="bottom-line"></div>
      </div>

    </div>
  </header>

  <div class="product-one">
    <img src="/../Website/images/product1.jpg">
  </div>

  <div class="product1-cards">
    <div class="product1-cards-item">
      <div class="cards-Text">
        <h2>功能全面</h2>
        <div>
          产品本身涵盖办文、办会、办事、知识管理等办公事务的各个方面。
        </div>

      </div>
    </div>
    <div class="product1-cards-item">
      <div class="cards-Text">
        <h2>事务驱动</h2>
        <div>
          通过事务驱动引擎，建立关联业务的协同关系，形成从办业务到办事务的转变。
        </div>

      </div>
    </div>
    <div class="product1-cards-item">
      <div class="cards-Text">
        <h2>经验导航</h2>
        <div>
          应用群体智能技术，我们将规章制度和群体经验转换为数字模型，尝试性的为用户给出工作建议。
        </div>

      </div>
    </div>
  </div>

<div class="product2-cards">
  <div class="product2-cards-item">
    <div class="cards-Text">
      <h2>多端适用</h2>
      <div>
        灵活响应微信端、APP端应用需求。减少开发与维护成本，提升移动服务响应效率。
      </div>

    </div>
  </div>
  <div class="product2-cards-item">
    <div class="cards-Text">
      <h2>开放共享</h2>
      <div>
        我们将新推出产品命名为“平台”而不是系统，核心设计思想就是要突出产品的“总线化、组件化、协同化和开放性”。
      </div>

    </div>
  </div>
  <div class="product2-cards-item">
    <div class="cards-Text">
      <h2>个性服务</h2>
      <div>
        统一的办公服务门户方便个人用户快速定位所需要的服务内容、启动对应工作，查阅相关知识资源。
      </div>

    </div>
  </div>
</div>
  <div class="jiagou">
    <h2>平台功能架构</h2>
    <div class="span-blue"></div>
  </div>
<div class="product-item">
  <div class="product1-container">
    <div class="box1">
      <div class="box1-list">
        <p class="full-title">会议管理</p>
        <div class="full-line">
          <span class="font red"></span>
          <span class="font gray"></span>
        </div>
        <div class="full-project">
          <ul>
            <li>会议日程</li>
            <li>日程管理</li>
            <li>会议通知</li>
            <li>会议室变更</li>
            <li>会议纪要</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="box1">
      <div class="box1-list">
        <p class="full-title second">事务管理</p>
        <div class="full-line">
          <span class="font yellow"></span>
          <span class="font gray"></span>
        </div>
        <div class="full-project">
          <ul class="left">
            <li>领导日程</li>
            <li>车辆管理</li>
            <li>值班管理</li>
            <li>调查研究</li>
            <li>请假管理</li>
          </ul>
          <ul class="right">
            <li>请假管理</li>
            <li>印章管理</li>
            <li>督察督办</li>
            <li>接待管理</li>
            <li>工作安排</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="box1">
      <div class="box1-list">
        <p class="full-title three">公文管理</p>
        <div class="full-line">
          <span class="font green"></span>
          <span class="font gray"></span>
        </div>
        <div class="full-project">
          <ul>
            <li>收文管理</li>
            <li>发文管理</li>
            <li>校内报告</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="box1">
      <div class="box1-list">
        <p class="full-title fourth">个人办公</p>
        <div class="full-line">
          <span class="font bottle"></span>
          <span class="font gray"></span>
        </div>
        <div class="full-project">
          <ul class="left">
            <li>工作日志</li>
            <li>个人日程</li>
            <li>待办事宜</li>
            <li>工作委托</li>
          </ul>
          <ul class="right">
            <li>通讯录</li>
            <li>电子邮件</li>
            <li>手机短信</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="box1">
      <div class="box1-list">
        <p class="full-title fifth">公共服务</p>
        <div class="full-line">
          <span class="font blue"></span>
          <span class="font gray"></span>
        </div>
        <div class="full-project">
          <ul class="left">
            <li>通知公告</li>
            <li>规章制度</li>
            <li>大事</li>
          </ul>
          <ul class="right">
            <li>校务公开</li>
            <li>信访管理</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="box1">
      <div class="box1-list">
        <p class="full-title sixth">系统管理</p>
        <div class="full-line">
          <span class="font purple"></span>
          <span class="font gray"></span>
        </div>
        <div class="full-project">
          <ul>
            <li>系统维护</li>
            <li>流程管理</li>
            <li>表单管理</li>
            <li>用户管理</li>
            <li>角色管理</li>
          </ul>
        </div>
      </div>
    </div>

  </div>
</div>
  <div class="icon">
    <div class="icon_con">
      <ul>
        <li>
          <img src="../Website/images/classification-分类.png" alt="">
          <p class="tit-a">产品使用</p>
          <p class="tit-b">进入产品了解中心</p>
          <a href="#" class="tit_blue">了解产品使用></a>
        </li>
        <li>
          <img src="../Website/images/咨询.png" alt="">
          <p class="tit-a">解决方案</p>
          <p class="tit-b">进入解决方案页面</p>
          <a href="#" class="tit_blue">查看解决方案></a>
        </li>
        <li>
          <img src="../Website/images/service.png" alt="">
          <p class="tit-a">联系我们</p>
          <p class="tit-b">我们在这儿等您</p>
          <a href="#" class="tit_blue">联系我们></a>
        </li>
      </ul>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <ul class="footer-box">
        <li><h4>关于我们</h4></li>
        <li class="nav-item"><a href="#" class="nav-link">公司简介</a></li>
        <li class="nav-item"><a href="#" class="nav-link">公司文化</a></li>
      </ul>
      <ul class="footer-box">
        <li><h4>产品简介</h4></li>
        <li class="nav-item"><a href="#" class="nav-link">产品简介</a></li>
        <li class="nav-item"><a href="#" class="nav-link">产品简介</a></li>
        <li class="nav-item"><a href="#" class="nav-link">产品简介</a></li>
        <li class="nav-item"><a href="#" class="nav-link">产品简介</a></li>
      </ul>
      <ul class="footer-box">
        <li><h4>产品简介</h4></li>
        <li class="nav-item"><a href="#" class="nav-link">客服电话</a></li>
        <li class="nav-item"><a href="#" class="nav-link">联系方式</a></li>
        <li class="nav-item"><a href="#" class="nav-link">更多</a></li>
      </ul>
      <ul class="footer-box">
        <li><h4>关于我们</h4></li>
        <li><img src="../Website/images/test01.png" width="80" height="80"></li>
        <li><h4>微信公众号</h4></li>
      </ul>
    </div>
  </footer>
</div>




<script type="text/javascript" src="js/page1.js"></script>
</body>
</html>